@charset "UTF-8";
/* 初始化*/
.borno { border: none !important; }

.dataitem1 .list .lis { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding: 10px 0; line-height: 24px; }

.dataitem1 .list .lis p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.dataitem1 .list .lis p a { display: inline-block; vertical-align: middle; border: 1px solid #e6e6e6; padding: 0 8px; min-width: 30px; text-align: center; margin: 0 0 10px 10px; height: 22px; line-height: 22px; border-radius: 5px; }

.dataitem1 .list .lis p a:hover { border-color: #0066ff; }

.dataitem1 .list .lis p a.on { background: #0066ff; color: #fff !important; }

.dataitem2 { margin-bottom: 0px !important; }

.dataitem2 .list li { padding: 30px 0; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.dataitem2 .list li .img { margin: 20px 0; width: 100px; height: 100px; border-radius: 20px; overflow: hidden; }

.dataitem2 .list li .infor { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px; }

.dataitem2 .list li .infor .bt { height: 30px; line-height: 30px; overflow: hidden; }

.dataitem2 .list li .infor .bt .name { font-size: 16px; display: inline-block; vertical-align: middle; max-width: 85%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.dataitem2 .list li .infor .bt .tab { display: inline-block; vertical-align: middle; height: 17px; background-color: #e67c00; border-radius: 3px; line-height: 17px; font-size: 12px; color: #fff; padding: 0 3px; min-width: 30px; text-align: center; }

.dataitem2 .list li .infor .bt .new { background: #5dd473; min-width: auto; }

.dataitem2 .list li .infor .lab { padding-top: 10px; }

.dataitem2 .list li .infor .lab a { display: inline-block; vertical-align: middle; border: 1px solid #e6e6e6; padding: 0 8px; min-width: 30px; text-align: center; margin: 5px 10px  5px 0; height: 22px; line-height: 22px; border-radius: 5px; color: #222; cursor: default; }

.dataitem2 .list li .textlab { width: 260px; line-height: 40px; color: #555555; max-height: 80px; overflow: hidden; }

.dataitem2 .list li .textlab p { line-height: 20px; padding: 5px 0; }

.dataitem2 .list li .textlab a { display: block; float: left; color: #555555; width: 24%; margin-right: 1%; overflow: hidden; line-height: 40px; height: 40px; }

.dataitem2 .list li .textlab a:last-child { margin-right: 0px; }

.dataitem2 .list li .textlab a:hover { color: #0066ff; }

.dataitem3 .btbox { height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.dataitem3 .btbox .bt { font-size: 30px; overflow: hidden; font-weight: bold; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; }

.dataitem3 .btbox .bt h1 { font-size: 25px; font-weight: bold; display: inline-block; vertical-align: middle; }

.dataitem3 .btbox .bt .lab { height: 26px; line-height: 26px; border-radius: 5px; background-color: #f0f0f0; display: inline-block; vertical-align: middle; font-weight: normal; font-size: 16px; padding: 0 10px; margin: -5px 5px 0; }

.dataitem3 .btbox .bt .lab2 { height: 26px; line-height: 26px; border-radius: 5px; border: 1px solid #e6e6e6; display: inline-block; vertical-align: middle; font-weight: normal; font-size: 13px; padding: 0 10px; margin: -2px 0 0 10px; cursor: pointer; }

.dataitem3 .btbox .bt .lab2:hover { border-color: #0066ff; color: #0066ff; }

.dataitem3 .btbox .select { display: block; }

.dataitem3 .btbox .select .layui-nav { background: none; color: #4f4f4f; height: 28px; line-height: 28px; border: 1px solid #e6e6e6; border-radius: 5px; cursor: pointer; padding: 0; }

.dataitem3 .btbox .select .layui-nav .layui-nav-item { height: 100%; line-height: 28px; padding: 0 25px; position: relative; }

.dataitem3 .btbox .select .layui-nav .layui-nav-item .bt- { padding-right: 5px; }

.dataitem3 .btbox .select .layui-nav .layui-nav-item .bt- i { position: absolute; right: 10px; width: 7px; height: 12px; background-position: -129px -128px; opacity: 0.8; top: 50%; margin-top: -6px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.dataitem3 .btbox .select .layui-nav .layui-nav-item:hover .bt- i { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.dataitem3 .btbox .select .layui-nav .layui-nav-child { top: 30px; }

.dataitem3 .btbox .select .layui-nav .layui-nav-child a { color: #999; cursor: default; }

.dataitem3 .btbox .select .layui-nav .layui-nav-child a[href] { cursor: pointer; color: #222; }

.dataitem3 .tab { padding: 10px 0; }

.dataitem3 .tab a { height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; border-radius: 5px; border: solid 1px #d1d1d1; padding: 0 10px; min-width: 20px; text-align: center; color: #6c6c6c; margin: 5px 5px 0; }

.dataitem3 .tab a:hover { background: #e5f2ff; color: #0066ff; border-color: #0066ff; }

.dataitem3 .tab a.on { color: #fff; background: #0066ff; }

.dataitem3 .text-p { position: relative; line-height: 24px; color: #444; margin: 5px 0 10px; overflow: hidden; }

.dataitem3 .text-p .more { background: #fff; padding: 0 100px 0 10px; position: absolute; right: 0; bottom: 0; color: #0066ff; cursor: pointer; display: none; }

.dataitem3 .name-small { line-height: 30px; }

.dataitem3 .img { width: 88px; height: 88px; display: block; }

.dataitem3 .img2 { width: 165px; height: auto; background: none; }

.dataitem3 .item { display: -webkit-box; display: -ms-flexbox; display: flex; }

.dataitem3 .item .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; }

.dataitem3 .item .flex1 .btbox { margin-top: -10px; }

.dataitem4 { border-top: 1px solid #e6e6e6; background: none !important; }

.dataitem4:nth-child(1) { background: #fff !important; }

.dataitem4 .list ul li { float: left; width: 240px; height: 240px; border-radius: 5px; background: #f6f6f6; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 20px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 2px solid transparent; overflow: hidden; }

.dataitem4 .list ul li:hover { border: 2px solid #0066ff; }

.dataitem4 .list ul li:nth-child(3n+2) { margin: 20px 50px 30px; }

.dataitem4 .list ul li .box { padding: 0 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.dataitem4 .list ul li .box .name { font-weight: bold; font-size: 16px; width: 100%; padding: 8px 0; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.dataitem4 .list ul li .box p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; }

.dataitem4 .list ul li .box p span { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.dataitem4 .list ul li .box .img { background: none !important; height: 120px; width: 80%; margin: 0 auto; margin-top: 10px; }

.dataitem4 .list ul li .box .img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.dataitem5 { padding-bottom: 20px; }

.dataitem5 .list ul li { margin-bottom: 50px; }

.dataitem5 .list ul li:last-child { margin-bottom: 20px; }

.dataitem5 .list ul li .box { padding: 10px 24px 30px; background-color: #f2f2f2; border-radius: 5px; display: block; }

.dataitem5 .list ul li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.dataitem5 .list ul li .box .bt { height: 44px; line-height: 44px; text-align: center; font-size: 18px; font-weight: bold; }

.dataitem5 .list ul li .box .img { height: 230px; width: 100%; display: block; margin-top: 10px; border-radius: 8px; overflow: hidden; }

.csbjf6 { background: #f6f6f6 !important; }

.lazyimgbor { -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #cecece !important; background: none !important; border-radius: 5px; }

.lazyimgbor img { width: auto !important; height: auto !important; max-width: 90%; min-height: auto !important; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

a[href].lazyimgbor:hover { border-color: #0066ff !important; }

/*数据库*/
.databasebj { background: no-repeat center top #fff; overflow: hidden; min-height: 100vh; position: absolute; top: 0; left: 0; width: 100%; }

.databasebj::before { content: ''; width: 100%; height: 70vh; bottom: 0; left: 0; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.95)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 50%, white 100%); }

.databasewarp { overflow: hidden; background: #fff; position: relative; }

.databasewarp .databasenav { height: 70px; line-height: 70px; display: block; background: rgba(0, 0, 0, 0.5); position: relative; margin-top: 450px; color: #fff; margin-bottom: 30px; }

.databasewarp .databasenav .center { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 22px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }

.databasewarp .databasenav .center a { color: #fff; }

.databasewarp .databasenav .center a:hover { color: #0066ff; }

.databasewarp .databasenav .center .on a { font-weight: bold; color: #0066ff; }

.databasewarp .databasenav.top0 { margin-top: 0; }

.databasewarp .datainfortop { height: 350px; padding: 5px 0 10px; overflow: hidden; }

.databasewarp .datainfortop .item { display: block; float: left; max-width: 395px; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 5px; }

.databasewarp .datainfortop .item a { color: #fff; }

.databasewarp .datainfortop .item a:hover { color: #0066ff; }

.databasewarp .datainfortop .item .user .p { height: 30px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.databasewarp .datainfortop .item .user .p img { max-height: 100%; width: auto; display: inline-block; vertical-align: middle; }

.databasewarp .datainfortop .item .user .p p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.databasewarp .datainfortop .item .user .p p span { display: inline-block; max-width: 70%; overflow: hidden; word-break: break-all; padding-right: 5px; height: 30px; }

.databasewarp .datainfortop .item .user .p a { font-size: 12px; }

.databasewarp .datainfortop .item .user .name { height: 60px; line-height: 60px; margin-bottom: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.databasewarp .datainfortop .item .user .name .h1 { font-size: 36px; font-weight: bold; height: 60px; max-width: 73%; overflow: hidden; }

.databasewarp .datainfortop .item .user .name .lab { display: inline-block; vertical-align: middle; height: 26px; background-color: #e67c00; border-radius: 5px; line-height: 26px; font-size: 16px; color: #fff; padding: 0 10px; text-align: center; margin: 0 8px; }

.databasewarp .datainfortop .item .user .name .new { background: #5dd473; padding: 0 3px; }

.databasewarp .datainfortop .item .list { border-top: 1px solid rgba(255, 255, 255, 0.8); padding: 10px 0; }

.databasewarp .datainfortop .item .list ul { height: 210px; overflow-y: auto; padding-right: 20px; }

.databasewarp .datainfortop .item .list ul::-webkit-scrollbar { width: 4px; height: 4px; background: #a7a7a7; opacity: 0.5; border-radius: 10px; margin-left: 10px; }

.databasewarp .datainfortop .item .list ul::-webkit-scrollbar-button { width: 0; height: 0; }

.databasewarp .datainfortop .item .list ul::-webkit-scrollbar-corner { display: block; }

.databasewarp .datainfortop .item .list ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #ffffff; opacity: 0.5; border-radius: 10px; }

.databasewarp .datainfortop .item .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 30px; line-height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.databasewarp .datainfortop .item .list ul li a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 30px; }

.databasewarp .datainfortop .item .list ul li .icoimg { position: relative; height: 14px; width: 18px; background-position: -304px -70px; }

.databasewarp .datainfortop .item .list ul li .icoimg::before { width: 1px; height: 20px; background: #fff; content: ''; position: absolute; left: 49%; top: -2px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

.databasewarp .datainfortop .item .list ul .on .icoimg::before { display: none; }

.databasewarp .datainforslide { height: 144px; border-radius: 5px; position: relative; background: rgba(0, 0, 0, 0.5); overflow: hidden; margin-bottom: 15px; padding: 0 10px; }

.databasewarp .datainforslide .bd ul li { float: left; margin: 0 20px 0 19px; width: 94px; padding-top: 15px; }

.databasewarp .datainforslide .bd ul li:hover .img { border-color: #0066ff; }

.databasewarp .datainforslide .bd ul li:hover p { color: #0066ff; }

.databasewarp .datainforslide .bd ul li .img { width: 90px; height: 90px; margin: 0 auto; border-radius: 5px; overflow: hidden; display: block; border: 2px solid transparent; background: none; }

.databasewarp .datainforslide .bd ul li p { height: 30px; line-height: 30px; text-align: center; color: #fff; }

.databasewarp .datainforslide .bd ul li.on .img { border-color: #0066ff; }

.databasewarp .datainforslide .bd ul li.on p { color: #0066ff; }

.databasewarp .datainforslide .prev, .databasewarp .datainforslide .next { position: absolute; height: 46px; width: 23px; top: 50%; margin-top: -23px; cursor: pointer; z-index: 1; }

.databasewarp .datainforslide .prev { left: 5px; background-position: -269px -107px; }

.databasewarp .datainforslide .next { right: 5px; background-position: -302px -110px; }

.databasewarp .common { position: relative; z-index: 1; }

.databasewarp .common .ContL { width: 860px; margin-right: 30px; }

.databasewarp .common .ContL .switchnav3 { padding-top: 10px; }

.databasewarp .common .ContR { width: 310px; }

.databasewarp .common .ContR .data-item { padding: 10px 15px; }

.databasewarp .common .data-item { padding: 10px 20px; border-radius: 5px; background: #fff; margin-bottom: 20px; }

.databasewarp .common .data-item:nth-child(1) { -webkit-box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); }

.databasewarp .common .data-item.zqcont2 { -webkit-box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); }

.databasewarp .common .data-item.zqcont2 .list2 ul { padding-top: 10px; }

.databasewarp .common .data-item.zqcont2 .list2 ul li { width: 85px; margin-right: 20px; }

.databasewarp .common .data-item.zqcont2 .list2 ul li .img { height: 85px; }

.databasewarp .common .data-item.Ritem5 { -webkit-box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 32px 4px rgba(0, 0, 0, 0.08); }

.databasewarp .common .data-item.Ritem5 .list li { height: auto; border-bottom: 1px solid #e8e8e8; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.databasewarp .common .data-item.Ritem5 .list li:last-child { border: none; }

.databasewarp .common .data-item.Ritem5 .list li .img { width: 84px; min-height: 84px; height: auto; }

.databasewarp .common .data-item.Ritem5 .list li .img img { min-height: 84px; height: auto; }

.databasewarp .common .data-item.Ritem5 .list li .infor { padding-left: 20px; }

.databasewarp .common .data-item.Ritem5 .list li .infor .name { width: 100%; padding-bottom: 0px; height: 25px; line-height: 25px; padding-bottom: 5px; }

.databasewarp .common .data-item.Ritem5 .list li .infor p { height: 20px; line-height: 20px; width: 100%; overflow: hidden; font-size: 13px; }

.databasewarp .common .data-item.Ritem5 .list li .infor .tab_btn { padding-top: 5px; }

.databasewarp .common .data-item.Ritem5 .list li .infor .tab_btn a.on, .databasewarp .common .data-item.Ritem5 .list li .infor .tab_btn a:hover { cursor: default; background: #f3f5f7; color: #666; }

.layertips { display: inline-block; vertical-align: middle; border-radius: 5px; width: 14px; height: 10px; overflow: hidden; }

.layertips .tips { width: 100%; height: 100%; display: block; }

.layertips:hover i { border-bottom: 10px solid green; border-top: none; }

.layertips i { cursor: pointer; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #ff0000; display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.data-jieshao .itemtab { padding: 20px 0; }

.data-jieshao .itemtab .title { margin-bottom: 10px; padding-right: 30px; }

.data-jieshao .itemtab .title .tip { float: left; color: #818181; font-size: 12px; padding: 0 10px; }

.data-jieshao .itemtab .title .tip i { height: 16px; width: 16px; background-position: -149px 0; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.data-jieshao .itemtab .title .more { color: #0066ff; }

.data-jieshao .itemtab .bt_h2 { height: 60px; line-height: 60px; padding: 0 30px; font-size: 18px; font-weight: bold; }

.data-jieshao .itemtab .bt_h2 .more { float: right; font-size: 13px; color: #0066ff; font-weight: normal; }

.data-jieshao .itemtab .bt_h2 .more:hover { text-decoration: underline; }

.data-jieshao .plate { background: #fcfcfc; padding: 0 30px; border-radius: 5px; }

.data-jieshao .plate .bt_h2 { padding: 0; }

.data-jieshao .plate .title { padding: 20px 0; margin-left: -10px; }

.data-jieshao .plate > img { max-width: 100%; }

.data-jieshao .plate .table { margin: 0 30px; padding: 10px 0; }

.data-jieshao .plate .table table { width: 100%; text-align: center; table-layout: fixed; }

.data-jieshao .plate .table table, .data-jieshao .plate .table th, .data-jieshao .plate .table td { border: 1px solid #e6e6e6; line-height: 36px; }

.data-jieshao .plate .cs-lis li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }

.data-jieshao .plate .cs-lis li .ico { width: 60px; height: 60px; display: block; position: relative; margin-right: 50px; }

.data-jieshao .plate .cs-lis li .ico i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 46px; height: 46px; }

.data-jieshao .plate .cs-lis li .ico .ico1 { width: 47px; height: 47px; background-position: 0 -260px; }

.data-jieshao .plate .cs-lis li .ico .ico2 { background-position: -60px -260px; }

.data-jieshao .plate .cs-lis li .ico .ico3 { background-position: -120px -260px; }

.data-jieshao .plate .cs-lis li .ico .ico4 { background-position: -180px -260px; }

.data-jieshao .plate .cs-lis li .bt { font-size: 16px; font-weight: bold; padding-right: 50px; min-width: 100px; text-align: center; }

.data-jieshao .plate .cs-lis li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #666; line-height: 30px; }

.data-jieshao .plate .cs-des .img { width: 324px; height: 203px; border-radius: 5px; overflow: hidden; display: block; float: left; margin: 0 20px 0px 0; }

.data-jieshao .plate .cs-des .name { float: left; width: calc(100% - 350px); height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; margin-top: -10px; }

.data-jieshao .plate .cs-des .text { display: inline; line-height: 30px; font-size: 14px; text-align: justify; word-break: break-all; color: #666; }

.data-jieshao .plate .listtab { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 100px; }

.data-jieshao .plate .listtab li { line-height: 30px; position: relative; padding-right: 15px; }

.data-jieshao .plate .listtab li .ico { width: 50px; height: 50px; position: relative; margin: 0 auto; }

.data-jieshao .plate .listtab li .ico i { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.data-jieshao .plate .listtab li .lab { height: 20px; line-height: 20px; text-align: center; min-width: 12px; padding: 0 4px; color: #fff; border-radius: 5px; font-size: 12px; position: absolute; top: 0; left: 50px; }

.data-jieshao .plate .listtab .li1 .ico i { height: 40px; width: 34px; background-position: -257px -172px; }

.data-jieshao .plate .listtab .li1 .lab { background: #007bff; }

.data-jieshao .plate .listtab .li2 .ico i { height: 36px; width: 37px; background-position: -300px -172px; }

.data-jieshao .plate .listtab .li2 .lab { background: #e7ca63; }

.data-jieshao .plate .listtab .li3 .ico i { height: 34px; width: 38px; background-position: -336px -70px; }

.data-jieshao .plate .listtab .li3 .lab { background: #5dd473; }

.data-jieshao .plate .listtab .li4 .ico i { height: 34px; width: 28px; background-position: -339px -118px; }

.data-jieshao .plate .listtab .li4 .lab { background: #e84a33; }

.data-jieshao .plate .listtab2 { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0 10px 30px; }

.data-jieshao .plate .listtab2 li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.data-jieshao .plate .listtab2 li p { width: 34px; line-height: 24px; padding-right: 10px; }

.data-jieshao .plate .listtab2 li .lab { height: 34px; line-height: 34px; border-radius: 5px; padding: 0 8px; min-width: 18px; text-align: center; color: #ffff; background: #0066ff; }

.data-jieshao .plate .tableul { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 30px; }

.data-jieshao .plate .tableul li { width: 200px; text-align: center; padding: 20px 0; }

.data-jieshao .plate .tableul li .bt { height: 50px; line-height: 50px; font-size: 16px; }

.data-jieshao .plate .tableul li .table { width: 100%; margin: 0; padding: 0; color: #494949; }

.data-jieshao .plate .tableul li .table td:nth-child(2) { padding: 0 2px; }

.data-jieshao .plate .tableul li .table th, .data-jieshao .plate .tableul li .table td { min-width: 65px; }

.data-jieshao .plate .tableul li .table th:nth-child(1), .data-jieshao .plate .tableul li .table td:nth-child(1) { min-width: 75px; font-weight: bold; }

.data-jieshao .plate .tableul li .table th u, .data-jieshao .plate .tableul li .table td u { text-decoration: line-through; -webkit-text-decoration-color: #ff0000; text-decoration-color: #ff0000; }

.data-jieshao .plate .tableul li .table th .red, .data-jieshao .plate .tableul li .table td .red { color: #ff0000; }

.data-jieshao .plate .tableul li .table th .green, .data-jieshao .plate .tableul li .table td .green { color: #5dd473; }

.data-jieshao .plate .tableul li .table tr { display: table-row; }

.data-jieshao .plate .skill-lis.padt0 li { padding: 30px 0; border-bottom: 1px solid #e6e6e6; }

.data-jieshao .plate .skill-lis.padt0 li:first-child { padding-top: 0px; }

.data-jieshao .plate .skill-lis li { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #494949; }

.data-jieshao .plate .skill-lis li:last-child { border: none; }

.data-jieshao .plate .skill-lis li .imgname { width: 60px; text-align: center; line-height: 30px; overflow: hidden; }

.data-jieshao .plate .skill-lis li .imgname .img { width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; display: block; overflow: hidden; }

.data-jieshao .plate .skill-lis li .imgname p { height: 30px; overflow: hidden; }

.data-jieshao .plate .skill-lis li .lab_p { width: 170px; padding: 0 10px; min-height: 80px; }

.data-jieshao .plate .skill-lis li .lab_p .lab { padding-bottom: 10px; }

.data-jieshao .plate .skill-lis li .lab_p .lab span { height: 18px; line-height: 18px; color: #fff; display: inline-block; vertical-align: middle; border-radius: 5px; padding: 0 5px; background: #0066ff; min-width: 20px; margin: 5px 5px 0 0; }

.data-jieshao .plate .skill-lis li .lab_p .lab .cor { background: #f59a23; }

.data-jieshao .plate .skill-lis li .lab_p .lab .cor2 { background: #5dd473; }

.data-jieshao .plate .skill-lis li .lab_p p { line-height: 23px; }

.data-jieshao .plate .skill-lis li .infor { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; line-height: 24px; word-break: break-all; text-align: justify; }

.data-jieshao .plate .skill-lis li .infor u { text-decoration: line-through; -webkit-text-decoration-color: #d9001b; text-decoration-color: #d9001b; }

.data-jieshao .plate .skill-lis li .infor .red { color: #d9001b; }

.data-jieshao .plate .skill-lis li .infor .green { color: #24a924; }

.data-jieshao .plate .skill-lis li .table { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; overflow: hidden; padding: 0; padding-left: 50px; margin: 0; }

.data-jieshao .plate .skill-lis li .table table { text-align: center; table-layout: fixed; }

.data-jieshao .plate .skill-lis li .table td:nth-child(2) { padding: 0 2px; }

.data-jieshao .plate .skill-lis li .table th, .data-jieshao .plate .skill-lis li .table td { min-width: 90px; height: 36px; }

.data-jieshao .plate .skill-lis li .table th u, .data-jieshao .plate .skill-lis li .table td u { font-size: 10px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); position: relative; text-decoration: line-through; -webkit-text-decoration-color: #ff0000; text-decoration-color: #ff0000; padding: 0 5px 0 0; }

.data-jieshao .plate .skill-lis li .table th .red, .data-jieshao .plate .skill-lis li .table td .red { color: #ff0000; }

.data-jieshao .plate .skill-lis li .table th .green, .data-jieshao .plate .skill-lis li .table td .green { color: #5dd473; }

.data-jieshao .plate .skill-lis li tr { display: table-row; }

.data-jieshao .plate .skill-lis li table, .data-jieshao .plate .skill-lis li th, .data-jieshao .plate .skill-lis li td { border: 1px solid #e6e6e6; }

.data-jieshao .plate .text-cor { color: #444444; line-height: 26px; }

.data-jieshao .plate .text-cor p { padding: 10px; }

.data-jieshao .plate .text-cor p span, .data-jieshao .plate .text-cor p a { color: #d9001b; }

.data-jieshao .plate .ul-list li { float: left; width: 85px; padding-left: 35px; display: block; }

.data-jieshao .plate .ul-list li .lis { display: block; width: 100%; }

.data-jieshao .plate .ul-list li .lis .img { width: 85px; height: 85px; border-radius: 10px; overflow: hidden; }

.data-jieshao .plate .ul-list li .lis p { padding-top: 5px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; font-size: 15px; }

.data-jieshao .plate .in-script-ion { padding: 20px 0; }

.data-jieshao .plate .in-script-ion .tex { line-height: 30px; }

.data-jieshao .plate .in-script-ion .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 50px; }

.data-jieshao .plate .in-script-ion .list .lis { width: 135px; display: block; }

.data-jieshao .plate .in-script-ion .list .lis .img { width: 50px; display: block; margin: 0 auto; min-height: 50px; }

.data-jieshao .plate .in-script-ion .list .lis .img img { height: auto; }

.data-jieshao .plate .in-script-ion .list .lis .p { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 18px; padding-top: 10px; min-height: 40px; }

.data-jieshao .plate .in-script-ion .list .lis .p i { padding: 0 6px; display: block; height: 18px; line-height: 18px; border-radius: 3px; color: #fff; text-align: center; }

.data-jieshao .plate .in-script-ion .list .lis .p .cor1 { background-color: #d9001b; }

.data-jieshao .plate .in-script-ion .list .lis .p .cor2 { background-color: #5dd473; }

.data-jieshao .plate .in-script-ion .list .lis .p .cor3 { background-color: #1c8fea; }

.data-jieshao .plate .in-script-ion .list .lis .p span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 12px; padding-left: 5px; }

.data-jieshao .plate .eqpt .list .lis { width: 50px; display: block; float: left; margin: 0 30px 10px; font-size: 12px; text-align: center; line-height: 30px; }

.data-jieshao .plate .eqpt .list .lis .img { width: 50px; height: 50px; display: block; overflow: hidden; margin: 0 auto; }

.data-jieshao .plate .eqpt .list .lis p { width: 70px; margin-left: -10px; height: 30px; overflow: hidden; }

.data-jieshao .plate .eqpt .text-p { line-height: 26px; padding: 0 20px; }

.data-jieshao .plate .eqpt .text-p span { font-weight: bold; }

.data-jieshao .plate .bt_h2 + .fetters { padding-top: 0px; }

.data-jieshao .plate .bt_h2 + .fetters .bt:nth-child(1) { line-height: 20px; padding-bottom: 10px; }

.data-jieshao .plate .fetters { padding-top: 10px; }

.data-jieshao .plate .fetters .bt { font-size: 16px; font-weight: bold; padding: 0 20px; line-height: 40px; }

.data-jieshao .plate .fetters ul li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40%; padding: 0 30px 0 20px; float: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; }

.data-jieshao .plate .fetters ul li .img { width: 60px; height: 60px; display: block; border-radius: 5px; overflow: hidden; }

.data-jieshao .plate .fetters ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; }

.data-jieshao .plate .fetters ul li .infor .name { width: 100%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; }

.data-jieshao .plate .fetters ul li .infor .name2 { width: 100%; overflow: hidden; line-height: 30px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.data-jieshao .plate .fetters ul li .infor p { overflow: hidden; color: #666666; line-height: 20px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.data-jieshao .plate .fetters .ul2 li { width: 90%; }

.data-jieshao .gllis .lis { float: left; width: 260px; display: block; margin: 10px 0; }

.data-jieshao .gllis .lis:nth-child(3n+2) { margin: 10px 40px; }

.data-jieshao .gllis .lis:hover .img { border-color: #0066ff; }

.data-jieshao .gllis .lis .img { display: block; border: 1px solid transparent; height: 130px; display: block; border-radius: 5px; overflow: hidden; }

.data-jieshao .gllis .lis .p { line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 5px; height: 40px; overflow: hidden; }

.data-jieshao .detailedinfor { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; }

.data-jieshao .detailedinfor .img { width: 55px; min-height: 55px; display: block; border-radius: 5px; overflow: hidden; background: none !important; max-height: 80px; }

.data-jieshao .detailedinfor .img img { min-height: 55px; height: auto; }

.data-jieshao .detailedinfor .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; }

.data-jieshao .detailedinfor .infor .name { font-size: 18px; height: 20px; line-height: 20px; display: block; overflow: hidden; font-weight: bold; display: block; padding-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.data-jieshao .detailedinfor .infor .bt { line-height: 30px; font-size: 16px; font-weight: bold; }

.data-jieshao .detailedinfor .infor .p { color: #454545; padding: 10px 0; line-height: 24px; }

.data-jieshao .detailedinfor .infor p { padding: 10px 0; color: #454545; }

.data-jieshao .detailedinfor .infor p span { display: inline-block; vertical-align: middle; padding-right: 30px; line-height: 24px; }

.data-jieshao .detailedinfor .infor p u { text-decoration: line-through; -webkit-text-decoration-color: #ff0000; text-decoration-color: #ff0000; }

.data-jieshao .detailedinfor .infor p .red { color: #ff0000; }

.data-jieshao .detailedinfor .infor p .yellow { color: #f8bb6c; }

.data-jieshao .detailedinfor .infor p .green { color: #88cf43; }

.data-jieshao .level { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; }

.data-jieshao .level .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.data-jieshao .level .wrapper .item { position: relative; padding: 0 20px; margin: 0 10px; }

.data-jieshao .level .wrapper .item .line { width: 100%; height: 2px; background: #ff0000; position: absolute; left: 0; top: 50%; }

.data-jieshao .level .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.data-jieshao .level .item .img { width: 55px; height: 55px; border-radius: 5px; overflow: hidden; display: block; }

.data-jieshao .level .item p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; overflow: hidden; line-height: 20px; word-break: break-all; max-width: 100px; }

.data-jieshao .level .tree { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.data-jieshao .level .tree .item { margin: 0 auto; width: 55px; padding: 0 0 50px 0; position: relative; }

.data-jieshao .level .tree .item::before { width: 1px; height: 50px; background: #454545; position: absolute; left: 50%; content: ''; bottom: 0; }

.data-jieshao .level .tree ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

.data-jieshao .level .tree ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; min-width: 55px; }

.data-jieshao .level .tree ul li ul { margin-top: 30px; }

.data-jieshao .level .tree ul li ul::after { width: 1px; height: 30px; background: #454545; position: absolute; left: 50%; content: ''; top: -30px; }

.data-jieshao .level .tree ul li ul .item { padding: 30px 0 0 0; }

.data-jieshao .level .tree ul li ul .item::before { width: 1px; height: 30px; background: #454545; position: absolute; left: 50%; content: ''; top: 0px; }

.data-jieshao .level .tree ul::before { width: calc(100% - 50%); height: 1px; background: #454545; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); content: ''; top: 0; }

.data-jieshao .level .tree ul .item { padding: 50px 0 0 0; }

.data-jieshao .level .tree ul .item::before { width: 1px; height: 50px; background: #454545; position: absolute; left: 50%; content: ''; top: 0px; }

.data-jieshao .skin-source { background-color: #f9f9f9; border-radius: 5px; text-align: center; padding: 20px; line-height: 40px; font-size: 20px; margin: 20px 30px; }

.data-jieshao .skin-source .bt { font-weight: bold; }

.data-jieshao .skin-source img { display: block; margin: 20px auto; max-width: 100%; }

/*提示*/
.layertips-data .layui-layer-content { background: rgba(0, 0, 0, 0.8) !important; border-radius: 5px !important; padding: 10px 20px !important; }

.layertips-data i.layui-layer-TipsR { top: 20px !important; border-bottom-color: transparent !important; left: -16px !important; border-right-color: rgba(0, 0, 0, 0.8) !important; }

.layertips-data i.layui-layer-TipsL { top: 20px !important; border-bottom-color: transparent !important; right: -16px !important; border-left-color: rgba(0, 0, 0, 0.8) !important; }

.layertips-data .commt .item_ { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layertips-data .commt .item_ img { width: 45px; height: auto !important; border-radius: 5px; display: block; }

.layertips-data .commt .item_ .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 10px; }

.layertips-data .commt .item_ .infor .name { height: 20px; line-height: 20px; font-size: 12px; color: #81ff81; width: 100%; overflow: hidden; margin-bottom: 5px; }

.layertips-data .commt .item_ .infor .p { font-size: 14px; color: #eda43b; height: 20px; line-height: 20px; overflow: hidden; width: 100%; }

.layertips-data .commt .tex-p { line-height: 24px; padding-top: 5px; text-align: justify; word-break: break-all; }

.layertips-tips i.layui-layer-TipsG { bottom: -8px !important; left: 0 !important; border-width: 0px !important; border-right: 8px solid transparent !important; border-left: 8px solid transparent !important; border-top: 8px solid rgba(0, 0, 0, 0.6) !important; }

/*csgo 单独区分*/
.databasewarp-csgo .common .data-item.Ritem5 .list li { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }

.databasewarp-csgo .common .data-item.Ritem5 .list li .infor .name { line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; white-space: normal; }

.databasewarp-csgo .common .data-item.Ritem5 .list li .infor .tab_btn .btn { border: solid 1px #cecece; height: 28px; line-height: 28px; background: none; }

.databasewarp-csgo .data-jieshao .plate { background: #fff; }

.databasewarp-csgo .dataitem2 .list li .textlab { width: 400px; text-align: right; }
